<!DOCTYPE html>
<html lang="zxx">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>About us</title>
		<!-- JqueryUI -->
		<link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
		<!-- Bootstrap -->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
		<!-- Awesome font icons -->
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" media="screen">
		<!-- Owlcoursel -->
		<link rel="stylesheet" type="text/css" href="css/owl-coursel/owl.carousel.css">
		<link rel="stylesheet" type="text/css" href="css/owl-coursel/owl.transitions.css">
		<!-- Magnific-popup -->
		<link rel="stylesheet" type="text/css" href="css/magnific-popup/magnific-popup.css">
		<!-- Style -->
		<link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
		<!-- Fw -->
		<link rel="stylesheet" type="text/css" href="css/fw.css" media="screen">
	</head>
	<body>
         


		<div class="preloader">
			<i class="fa fa-spinner"></i>
		</div>
		<header>
			<div class="container">
				<div class="row top-header">
					<div class="col-sm-3 text-left">
						<a href="#" class="logo">
							<img src="images/logo.png" alt="logo">
						</a>
					</div>
					<div class="col-sm-9">
						<ul class="top-link pull-right">
							<li class="hidden-xs"><a href="">Wishlist</a></li>
							<li class="hidden-xs"><a href="#">Compare</a></li>
							<li class="hidden-xs"><a href="product_checkout.jsp">Checkout</a></li>
							<li class="dropdown hidden-xs">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" id="dropdownMenu1" aria-haspopup="true" aria-expanded="false">My Account <span class="caret"></span></a>
								<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
									<li><a href="login.html">Login</a></li>
									<li><a href="register.html">Register</a></li>
									<li><a href="#">Log out</a></li>
								</ul>
							</li>
							<li class="pull-right">
								<div class="cart dropdown">
									<a href="#" class="cart-item dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
										<span>2</span><i class="fa fa-cart-plus"></i>
									</a>
									<ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
										<li>
											<div class="media">
												<div class="media-left">
													<a href="#">
														<img class="media-object" src="images/9.jpg" width="50" alt="...">
													</a>
												</div>
												<div class="media-body">
													<h4 class="product-name">Lorem ipsum dolor</h4>
													<p>$15.0<span> x 3</span> <i class="fa fa-remove"></i></p>
												</div>
											</div>
										</li>
										<li>
											<div class="media">
												<div class="media-left">
													<a href="#">
														<img class="media-object" src="images/8.jpg" width="50" alt="...">
													</a>
												</div>
												<div class="media-body">
													<h4 class="product-name">Lorem ipsum dolor</h4>
													<p>$15.0<span> x 3</span> <i class="fa fa-remove"></i></p>
												</div>
											</div>
										</li>
										<li class="table-div">
											<ul class="table-content">
												<li class="row m-0">
													<div class="col col-xs-6">
														<strong>Total:</strong>
													</div>
													<div class="col col-xs-6 color-3 f-bold">
														$240.00
													</div>
												</li>
											</ul>
										</li>
										<li>
											<p>
												<a href="#" class="btn ht-btn bg-3">Checkout</a>
												<a href="#" class="btn ht-btn bg-6">Cart</a>
											</p>
										</li>
									</ul>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="container">
				<div class="bg-mn color-inher">
					<div class="row m-0">
						<div class="col-sm-1 col-md-1 col-lg-2 p-0">
							<div class="dropdown category-bar">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">
									<i class="fa fa-bars"></i><span>Categories</span>
								</a>
								<ul class="dropdown-menu">
									<li><a href="#"><span><img src="images/25.jpg" width="50" alt="image"></span>Vegetables</a></li>
									<li><a href="#"><span><img src="images/18.jpg" width="50" alt="image"></span>Broccoli</a></li>
									<li><a href="#"><span><img src="images/16.jpg" width="50" alt="image"></span>Cabbage</a></li>
									<li><a href="#"><span><img src="images/22.jpg" width="50" alt="image"></span>Bean</a></li>
									<li><a href="#"><span><img src="images/21.jpg" width="50" alt="image"></span>Heirloom</a></li>
									<li><a href="#"><span><img src="images/20.jpg" width="50" alt="image"></span>Fruit</a></li>
									<li><a href="#"><span><img src="images/19.jpg" width="50" alt="image"></span>Organic</a></li>
								</ul>
							</div>
						</div>
						<div class="col-sm-8 col-md-8 col-lg-7 p-0">
							<div class="main-menu">
								<nav class="navbar navbar-default menu">
									<div class="navbar-header">
										<button type="button" class="navbar-toggle collapsed m-r-xs-15" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
											<span class="sr-only">Toggle navigation</span>
											<span class="icon-bar"></span>
											<span class="icon-bar"></span>
											<span class="icon-bar"></span>
										</button>
									</div>
									<div class="collapse navbar-collapse p-0" id="bs-example-navbar-collapse-1">
										<ul class="nav navbar-nav"> 
											<li><a href="index.jsp">Home</a></li>
											<li><a href="aabout.jsp>About</a></li>
											<li><a href="login.html">Login</a></li>
											<li><a href="register.html">Register</a></li>
											<li><a href="#">Contact us</a></li>
										</ul>
									</div>
								</nav>
							</div>
						</div>		
						<div class="col-sm-3 col-md-3 col-lg-3 p-0">
							<div class="search-box m-l-xs-15 m-r-xs-15">
								<input type="text" class="form-item" placeholder="Search...">
								<button type="submit" class="fa fa-search"></button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</header> 
		<div class="heading-inner-page">
			<div class="container">
				<h2>About us</h2>
				<ul class="breadcrumb">
					<li><a href="#">Home</a></li>
					<li>Login</li>
				</ul>
			</div>
		</div>
		<!-- About -->
		<section>
			<div class="container">
				<div class="bg-img-2">  
					<div class="row">
						<div class="col-sm-9 pull-right">
							<div class="box p-40 bg-white">
								<h1 class="title f-30 m-b-0">Welcome to our website</h1>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam vitae dicta sunt explicabo.</p>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</p>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- Process order -->
		<section  class="process">
			<div class="container">
				<div class="row">
					<div class="col-sm-6 col-md-4">	
						<div class="media ht-media">
							<div class="media-left">
								<i class="fa fa-phone bg-6"></i>
							</div>
							<div class="media-body">
								<h5 class="media-heading">Support 24/7: 0123-456-789</h5>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-4">	
						<div class="media ht-media">
							<div class="media-left">
								<i class="fa fa-truck bg-2"></i>
							</div>
							<div class="media-body">
								<h5 class="media-heading">Free shipping on all orders</h5>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-4">	
						<div class="media ht-media">
							<div class="media-left">
								<i class="fa fa-undo bg-3"></i>
							</div>
							<div class="media-body">
								<h5 class="media-heading">100% money back guarantee</h5>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- Footer -->
		<footer class="color-inher">
			<div class="footer-top">
				<div class="container">
					<div class="row">
						<div class="col-sm-3 m-b-xs-30">
							<h3 class="title">Infomation</h3>
							<ul>
								<li><a href="#">About Us</a></li>
								<li><a href="#">Delivery Information</a></li>
								<li><a href="#">Privacy Policy</a></li>
								<li><a href="#">Terms & Conditions</a></li>
							</ul>
						</div>
						<div class="col-sm-3 m-b-xs-30">
							<h3 class="title">My Account</h3>
							<ul>
								<li><a href="#">My Account</a></li>
								<li><a href="#">Order History</a></li>
								<li><a href="#">Wish List</a></li>
								<li><a href="#">Guide use</a></li>
							</ul>
						</div>
						<div class="col-sm-3 m-b-xs-30">
							<h3 class="title">Extras</h3>
							<ul>
								<li><a href="#">Brands</a></li>
								<li><a href="#">Gift Vouchers</a></li>
								<li><a href="#">Affiliates</a></li>
								<li><a href="#">Specials</a></li>
							</ul>
						</div>
						<div class="col-sm-3 m-b-xs-30">
							<h3 class="title">Customer Service</h3>
							<ul>
								<li><a href="#">Contact Us</a></li>
								<li><a href="#">Returns</a></li>
								<li><a href="#">Site Map</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-bottom">
				<div class="container">
					<p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
				</div>
			</div>
		</footer>
		<!-- jQuery -->
		<script src="js/jquery/jquery-2.2.4.min.js"></script>
		<!-- JqueryUI -->
		<script src="js/jquery/jquery-ui.js"></script>
		<!-- Bootstrap -->
		<script src="js/bootstrap/bootstrap.min.js"></script>
		<!-- Owl-coursel -->
		<script src="js/owl-coursel/owl.carousel.js"></script>
		<!-- Magnific-popup -->
		<script src="js/magnific-popup/jquery.magnific-popup.min.js"></script>
		<!-- Script -->
		<script src="js/script.js"></script>
	</body>
</html>

